<?php
include('header.php');
?>
<h2>Tooltip</h2>
<form method="post" action="tooltip.php">
    <p><label for="test1" title="test1" class="tooltip">Test1</label><input type="text" id="test1" /></p>
    <p><label for="test2" title="test2" class="tooltip">Test2</label><input type="text" id="test2" /></p>
    <p><label for="test3" title="test3 - Kein Tooltip">Test3</label><input type="text" id="test3" /></p>
    <p><label for="test4" title="test4" class="tooltip">Test4</label><input type="text" id="test4" /></p>
</form>



<script type="text/javascript" src="<?php echo BASE_URI; ?>output/js/src/configurable.js" ></script>
<script type="text/javascript" src="../tooltip.js" ></script>
<script type="text/javascript">
/* <![CDATA[ */
    document.observe('dom:loaded', new Tooltip({tooltip_element : 'label'}));
/* ]]> */
</script>
<?php
include('footer.php');
?>
